<template>
	<view class="index_attention">
		<!-- 组件 -->
		<view class="attention_box">
			<!-- tips -->
			<view class="box_mask">
				<view class="mask_title">
					豆果美食，会做饭很酷~
				</view>
				<view class="txt_1"> 你关注的人动态会出现在这</view>
				<view class="txt_2"> 为吗推荐了一些有趣的人，快关注TA们吧</view>
			</view>
		</view>
		<!-- 组件 -->
		<!-- <view class="box_content">
		
		</view> -->
		<!-- :compcard = "attentionArray" -->
		<compCard :compcard = "attentionArray"></compCard>
	</view>
</template>

<script>
	import compCard from '../compCard/compCard.vue'
	export default {
		name: "indexAttention",
		data() {
			return {
				attentionArray: [],
			};
		},
		components: {
			compCard
		},
		created() {
			this.$axios('home/ffeeds/0/20').then(res => {
				// console.log('关注--->', res.result.rfs)
				this.attentionArray = res.result.rfs
			})
		},
		methods: {

		}

	}
</script>

<style lang="scss">
	.index_attention {
		width: 100%;
		margin-top: 178rpx;
	}

	.attention_box {
		width: 100%;
		background-color: #FAFAFA;

		.box_mask {
			width: 90%;
			margin: 0 auto;
			padding: 20rpx 0;

			.mask_title {
				width: 100%;
				padding: 10rpx 0;
				font-weight: bold;
				font-size: 36rpx;
			}

			.txt_1,
			.txt_2 {
				width: 100%;
				color: #A7A7A7;
				padding: 2rpx 0;
				font-size: 26rpx;
			}
		}
	}
</style>
